/*媒体查询*/

@media screen and (max-width:1376px) {
	.max {
		width: 96%;
		margin: 0 auto;
	}
	/***************************首页********************/
	.header .phone {
		display: none;
	}
	.header .nav {
		margin: 0 0 0 30px;
		width: calc(100% - 244px - 30px);
	}
	.about_us .img {
		width: 50%;
	}
	.about_us .us {
		width: calc(600px - 60px);
		padding: 30px;
	}
	.foot .left {
		width: 52%;
		margin-right: 10px;
	}
	.foot .left ul {
		margin-right: 10px;
	}
	.foot .right {
		width: calc(48% - 10px);
		float: right;
	}
	/***************************关于我们********************/
	/***************************海洋论坛********************/
	/***************************海洋论坛2********************/
	/***************************课程体系********************/
	/***************************课程体系2********************/
	/***************************团队简介1********************/
	/***************************团队简介2********************/
	/***************************团队简介3********************/
	/***************************优生教育********************/
	/***************************优生教育2********************/
	.EarlyEducationAlliance .early {
		width: 100%;
		margin-right: 0px;
	}
	.EarlyEducationAlliance .education {
		width: calc(100% - 40px);
	}
	/***************************志愿者服务********************/
	/***************************志愿者服务2********************/
}

@media screen and (max-width:1008px) {
	.max {
		width: 96%;
		margin: 0 auto;
	}
	/***************************首页********************/
	.header .logo {
		float: none;
		margin: 0 auto;
	}
	.header .nav {
		margin: 0;
		width: 100%;
	}
	.about_us .us {
		width: calc(50% - 20px);
		padding: 10px;
		position: absolute;
		right: 0;
	}
	.about_us {
		padding: 60px 0 60px 0;
	}
	.us h6 {
		font-size: 25px;
	}
	.us b {
		font-size: 25px;
	}
	.us .text {
		margin: 10px 0;
	}
	.experienceLesson {
		width: 100%;
	}
	.foot .left {
		width: 100%;
		margin-right: 0px;
	}
	.foot .left ul {
		margin-right: 50px;
	}
	.foot .right {
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.foot .right .footlogo {
		float: left;
		margin-left: 20px;
	}
	.foot .right>p {
		margin-bottom: 10px;
	}
	/***************************关于我们********************/
	.pathNavigation .path {
		width: 100%;
	}
	.pathNavigation .navigation {
		width: 100%;
	}
	.brandIntroduction .bra {
		padding: 20px;
	}
	.founder {
		width: 100%;
		margin-right: 0px;
	}
	.message {
		display: none;
	}
	.oceanHonor .honor {
		padding: 20px;
	}
	.loveFund .img {
		display: none;
	}
	.loveFund .love {
		padding: 30px;
		width: calc(50% - 64px);
		border: 2px dotted #006ab8;
		position: relative;
		float: left;
	}
	.brand {
		width: 100%;
		float: left;
	}
	.vision {
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.brandVision {
		padding: 60px 0;
	}
	/***************************海洋论坛********************/
	/***************************海洋论坛2********************/
	/***************************课程体系********************/
	/***************************课程体系2********************/
	/***************************团队简介1********************/
	/***************************团队简介2********************/
	/***************************团队简介3********************/
	/***************************优生教育********************/
	/***************************优生教育2********************/
	/***************************志愿者服务********************/
	/***************************志愿者服务2********************/
}

@media screen and (max-width:784px) {
	.max {
		width: 96%;
		margin: 0 auto;
	}
	/***************************首页********************/
	/*折叠导航*/
	.btn {
		display: block;
	}
	.header .nav {
		display: none;
		position: absolute;
		right: 0%;
		top: 10%;
		z-index: 999;
		width: 50%;
		background: rgba(0, 86, 179, 0.7);
	}
	.nav li .two {
		display: none;
	}
	.nav li:hover .two {
		display: none;
	}
	.header .nav li {
		float: left;
		width: 100%;
		text-align: center;
		position: relative;
		padding: 20px 0;
	}
	.header .nav li a {
		color: #fff;
	}
	.header .nav .no {
		border-bottom: none;
		background: rgba(108, 201, 180, 0.7);
	}
	.header .nav .no a {
		color: #fff;
	}
	.header .nav li:hover {
		border-bottom: none;
		background: rgba(108, 201, 180, 0.7);
	}
	.header .nav li:hover a {
		color: #000;
	}
	.header .logo {
		max-width: 150px;
		max-height: 76px;
		margin: 0;
	}
	.header .nav {
		display: none;
	}
	.swiper-one .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}
	.about_us .img {
		width: 100%;
	}
	.about_us {
		padding: 5px 0;
	}
	.about_us .us {
		width: calc(100% - 20px);
		padding: 20px 10px;
		position: static;
	}
	.us h6 {
		font-size: 18px;
	}
	.us b {
		font-size: 16px;
	}
	.us .text {
		font-size: 14px;
	}
	.us .text p {
		line-height: 25px;
	}
	.see {
		font-size: 14px;
	}
	.curriculum .title {
		margin: 30px 0;
	}
	.title h6 {
		font-size: 25px;
	}
	.title p {
		font-size: 16px;
	}
	.charac {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.charac img {
		width: 100px;
		height: 100px;
		position: absolute;
		top: 10px;
		left: 10px;
	}
	.teristic {
		width: calc(100% - 100px - 20px);
		padding: 10px;
	}
	.teristic h6 {
		font-size: 14px;
	}
	.teristic p {
		font-size: 12px;
		line-height: 20px;
	}
	.charac2 {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.charac2 img {
		width: 100px;
		height: 100px;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.teristic2 {
		width: calc(100% - 100px - 20px);
		padding: 10px;
	}
	.teristic2 h6 {
		font-size: 14px;
	}
	.teristic2 p {
		font-size: 12px;
		line-height: 20px;
	}
	.characteristic .read {
		padding: 20px 0;
	}
	.oceanForum .title {
		padding: 30px 0;
	}
	.ocean .forum {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.entryForm {
		margin: 0;
		padding: 0;
	}
	.volunteer {
		padding: 20px 10px;
		margin-bottom: 20px;
	}
	.volunteer h3 {
		font-size: 18px;
	}
	.experienceLesson h6 {
		font-size: 18px;
	}
	.experienceLesson form {
		padding: 0 10px 20px 10px;
		margin-bottom: 20px;
	}
	.experienceLesson form p {
		font-size: 14px;
		color: #ff8181;
		padding: 20px 0;
		line-height: 2;
	}
	.teamDemeanor .title {
		padding: 30px 0;
	}
	.team .img {
		width: 49%;
		float: left;
		margin: 0 2% 2% 0;
		box-shadow: 0 0 2px #ddd;
	}
	.team .img:nth-child(2n) {
		margin-right: 0%;
	}
	.eugenics {
		padding: 60px 0 30px 0;
	}
	.eugenics .title2 {
		margin-bottom: 0px;
	}
	.eugenics .title2 h6 {
		font-size: 25px;
	}
	.euge .nics {
		width: 100%;
		margin-right: 0%;
	}
	.nics h6 {
		font-size: 16px;
		margin: 15px 0;
	}
	.footer {
		padding-top: 20px;
	}
	.foot .left ul {
		width: 33%;
		margin-right: 0px;
		text-align: center;
	}
	.foot .left ul li:nth-child(1) {
		margin-bottom: 0px;
		font-size: 14px;
	}
	.foot .right .footlogo {
		float: left;
		margin-left: 0px;
	}
	.footer .bottom {
		padding: 20px;
	}
	.footer .bottom p {
		line-height: 20px;
		height: 20px;
		font-size: 14px;
	}
	/***************************关于我们********************/
	.pathNavigation .path li {
		width: 33%;
		padding:0 0;
	}
	.bjt {
		padding: 30px 0;
	}
	.title3 h6 {
		font-size: 25px;
	}
	.title3 p {
		font-size: 18px;
	}
	.brandIntroduction .bra {
		padding: 10px;
		font-size: 14px;
	}
	.brandIntroduction .bra p {
		margin-bottom: 10px;
	}
	.founderMessage {
		padding: 30px 0;
	}
	.founder {
		width: calc(100% - 20px);
		margin-right: 0px;
		padding: 0 10px;
	}
	.founder h6 {
		font-size: 25px;
	}
	.founder b {
		font-size: 18px;
	}
	.founderFont {
		margin-top: 10px;
		font-size: 14px;
	}
	.message {
		width: 100%;
		display: block;
	}
	.oceanHonor {
		margin-top: 30px;
	}
	.oceanHonor .honor {
		padding: 10px;
	}
	.honor .honorfont {
		font-size: 14px;
	}
	.honor .honorfont p {
		text-indent: 2em;
		margin-bottom: 10px;
	}
	.loveFund {
		padding: 30px 0;
	}
	.loveFund .love {
		padding: 20px 10px;
		width: calc(100% - 24px);
	}
	.loveFund .love b {
		font-size: 18px;
		left: 32%;
	}
	.loveFund .love p {
		font-size: 14px;
	}
	.loveFund .img {
		display: block;
		width: 100%;
		margin: 10px 0;
	}
	.brandVision {
		padding: 30px 0;
	}
	.brand .img {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.vision {
		width: calc(100% - 20px);
		margin-top: 20px;
		padding: 0 10px;
	}
	.vision .vis h6 {
		font-size: 25px;
	}
	.vision .vis p {
		font-size: 18px;
	}
	.vision .ion {
		font-size: 14px;
	}
	.brandDevelopment {
		padding-top: 30px;
	}
	.brandDevelopment .deve {
		font-size: 14px;
		padding: 0 10px;
	}
	/***************************海洋论坛********************/
	.ocean_forum {
		background-image: url(../image/37.jpg);
		background-repeat: no-repeat;
		padding: 30px 0;
	}
	.title4 {
		margin: 0 0 20px 0px;
	}
	.title4 h6 {
		font-size: 18px;
		padding-left: 17px;
	}
	.family li img {
		max-width: 130px;
		max-height: 130px;
		margin-right: 10px;
	}
	.family li .interaction {
		width: calc(100% - 160px);
		float: left;
		padding: 10px 0;
	}
	.family li .interaction h6 {
		font-size: 16px;
	}
	.family li .interaction p {
		font-size: 12px;
		margin: 0px 0;
	}
	.family li .interaction div {
		display: none;
	}
	/***************************海洋论坛2********************/
	.paging a {
		padding: 6px 6px;
		margin-right: 0px;
		font-size: 12px;
	}
	.familyinteraction .paging {
		padding-top: 30px;
	}
	/***************************课程体系********************/
	.provision .setting {
		width: 100%;
		float: left;
		margin-right: 0;
		margin-bottom: 20px;
	}
	/***************************课程体系2********************/
	.courseIntroduction .introduction {
		padding: 10px;
		font-size: 14px;
		margin-bottom: 30px;
	}
	.introduction .swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 0px;
	}
	.evaluationSystem .evaluation {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.evaluationSystem .evaluation:nth-child(3) {
		margin-bottom: 0px;
	}
	.evaluation .system {
		padding: 10px;
		font-size: 14px;
	}
	.introduction form ol {
		font-size: 14px;
	}
	.introduction form .erp input {
		width: 49%;
		margin-right: 2%;
		margin-top: 10px;
	}
	.introduction form .erp input:nth-child(2n) {
		margin-right: 0%;
	}
	.introduction form .erp button {
		margin-top: 10px;
	}
	/***************************团队简介1********************/
	.TeamIntroduction .teamtext {
		padding: 10px;
		font-size: 14px;
	}
	.introduction .introduc {
		float: left;
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.introduction .introduc:nth-child(2n) {
		margin-right: 0;
	}
	.introduc .tion {
		padding: 10px;
	}
	.introduc .tion h6 {
		font-size: 18px;
	}
	.TeamIntroduction .paging {
		margin: 40px 0 10px 0;
	}
	/***************************团队简介2********************/
	/***************************团队简介3********************/
	/***************************优生教育********************/
	/***************************优生教育2********************/
	.early .earlytop h6 {
		font-size: 18px;
	}
	.early .earlycenter {
		font-size: 14px;
		padding: 10px;
	}
	.earlybottom a {
		font-size: 14px;
	}
	.EarlyEducationAlliance .education {
		width: 100%;
		padding: 0 10px;
		padding: 0;
	}
	.education .family li img {
		max-width: 130px;
		max-height: 130px;
		margin-right: 10px;
	}
	.education .family li .interaction {
		width: calc(100% - 150px);
	}
	.education .ckgd {
		padding: 20px 0;
	}
	.education>h6 {
		font-size: 20px;
		line-height: 60px;
		height: 60px;
	}
	/***************************志愿者服务********************/
	.volu .teer {
		width: calc(100% - 20px);
		padding: 10px;
		margin: 0 0 20px 0;
	}
	/***************************志愿者服务2********************/
	.Recruitmentname .volu .teer {
		width: calc(100% - 20px);
	}
}